<!doctype html>
<html>


{% load static %}

<!--该页面为内嵌页面，当其他页面需要查询股票消息信息时，加载该页面，根据传入的股票名称和股票代码查询相关数据-->

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>内嵌网页</title>
    <link href="{% static 'stock/css/show_selected_stock.css' %}" rel="stylesheet" type="text/css">
{#    <link href="{% static 'stock/common/bootstrap.min.css' %}" rel="stylesheet" type="text/css">#}



    {#<link rel="stylesheet" type="text/css" href="../../static/stock/css/show_selected_stock.css">#}
    {#<link rel="stylesheet" type="text/css" href="../../static/stock/common/bootstrap.min.css">#}

</head>

<body>
<p hidden id="p_stock_name">{{ stock_name }}</p>
<p hidden id="p_ts_code">{{ ts_code }}</p>

<div>
    <!--滚动栏，data-interval="false"时，停止滚动，如不设置默认5000ms滚动-->
    {#    <div id="carouselExampleIndicators1" class="carousel slide" data-ride="carousel" data-interval="false"#}
    {#         style="background-color: grey;height: 600px;overflow: auto">#}
    {#        <ol class="carousel-indicators">#}
    {#            <li data-target="#carouselExampleIndicators1" data-slide-to="0" class="active"></li>#}
    {#            <li data-target="#carouselExampleIndicators1" data-slide-to="1"></li>#}
    {#            <li data-target="#carouselExampleIndicators1" data-slide-to="2"></li>#}
    {#            <li data-target="#carouselExampleIndicators1" data-slide-to="3"></li>#}
    {#            <li data-target="#carouselExampleIndicators1" data-slide-to="4"></li>#}
    {#        </ol>#}
    {#        <div class="carousel-inner" role="listbox">#}
    {#            <div class="carousel-item " id="div_K_line_info" style="overflow: auto">#}
    {#                <!--载入详细分析页面-->#}
    {#            </div>#}
    {#            <div class="carousel-item active" id="div_daily" style="overflow: auto">#}
    {#                <!--载入股票交易信息-->#}
    {#            </div>#}
    {#            <div class="carousel-item" id="div_daily_basic" style="overflow: auto">#}
    {#                <!--载入股票交易指标信息-->#}
    {#            </div>#}
    {#            <div class="carousel-item" id="div_moneyflow" style="overflow: auto">#}
    {#                <!--载入股票资金流-->#}
    {#            </div>#}
    {#            <div class="carousel-item" id="div_block_trade" style="overflow: auto">#}
    {#                <!--载入股票大宗交易信息-->#}
    {#            </div>#}
    {#        </div>#}
    {#        <a class="carousel-control-prev" href="#carouselExampleIndicators1" role="button"#}
    {#           data-slide="prev"> <span#}
    {#                class="carousel-control-prev-icon" aria-hidden="true"></span> <span#}
    {#                class="sr-only">Previous</span>#}
    {#        </a> <a class="carousel-control-next" href="#carouselExampleIndicators1" role="button"#}
    {#                data-slide="next">#}
    {#        <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span>#}
    {#    </a>#}
    {#    </div>#}
    <!--分页-->
    <div class="container-fluid carousel slide" style="position: relative">
        <ul id="clothingnav1" class="nav nav-tabs" role="tablist">
            <li class="nav-item"><a class="nav-link active" href="#div_K_line_info" id="tab_k_line"
                                    role="tab" data-toggle="tab" aria-controls="home"
                                    aria-expanded="true">K线</a></li>
            <li class="nav-item"><a class="nav-link" href="#div_daily" role="tab" id="tab_dayly"
                                    data-toggle="tab" aria-controls="hats">日交易</a></li>
            <li class="nav-item"><a class="nav-link" href="#div_daily_basic" role="tab" id="tab_daily_basic"
                                    data-toggle="tab" aria-controls="hats">日指标</a></li>
            <li class="nav-item"><a class="nav-link" href="#div_moneyflow" role="tab"
                                    id="tab_moneyflow" data-toggle="tab" aria-controls="hats">资金</a></li>
            <li class="nav-item"><a class="nav-link" href="#div_block_trade" role="tab"
                                    id="tab_block_trade" data-toggle="tab" aria-controls="hats">大宗交易</a></li>

        </ul>
        <!-- Content Panel -->
        <div id="clothingnavcontent1" class="tab-content selected_container" style="background-color: grey;height: 620px;overflow: auto">
            <div role="tabpanel" class="tab-pane fade show active dark " id="div_K_line_info"
                 aria-labelledby="tab_k_line">

            </div>

            <div role="tabpanel" class="tab-pane fade  "  id="div_daily"
                 aria-labelledby="tab_dayly">

            </div>

            <div role="tabpanel" class="tab-pane fade "  id="div_daily_basic"
                 aria-labelledby="tab_daily_basic">

            </div>

            <div role="tabpanel" class="tab-pane fade " id="div_block_trade"
                 aria-labelledby="tab_block_trade">

            </div>

            <div role="tabpanel" class="tab-pane fade " id="div_moneyflow"
                 aria-labelledby="tab_moneyflow">

            </div>
        </div>
    </div>

</div>


{#<script src="{% static 'stock/common/jquery.js' %}"></script>#}
{#<script src="{% static 'stock/common/popper.js' %}"></script>#}
{#<script src="{% static 'stock/common/bootstrap.min.js' %}"></script>#}
<script src="{% static 'stock/js/show_selected_stock.js' %}"></script>


<!-- csrf token  -->
<script>
    $.ajaxSetup({
        data: {csrfmiddlewaretoken: '{{ csrf_token }}'},
    });
</script>
{#<script src="../../static/stock/common/jquery.js"></script>#}
{#<script src="../../static/stock/common/bootstrap.min.js"></script>#}
{#<script src="../../static/stock/common/popper.js"></script>#}
{#<script src="../../static/stock/js/show_selected_stock.js"></script>#}


</body>

</html>
